<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>有你所选，选你所爱</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/01css.css">
    <link rel="stylesheet" href="css/02css.css">
    <link rel="stylesheet" href="css/03cs.css">
    <link rel="stylesheet" href="css/04cs.css">
</head>
<body>
<header>
    <!--搜索格 包含超链接图标  搜索栏  购物车跳转-->
    <div class="w middle">
		<!--登录注册-->
		<div class="LNR">
			<a href="login.html">登录/</a>
			<a href="register.html">注册</a>
		</div>
		<div class="logo">
			<h1>
				<a href="#">
					<img src="生鲜logo.png" alt="">
				</a>
			</h1>
		</div>
		<!--搜索-->
		<div class="form">
			<input type="text" class="form-control" placeholder="车厘子">
			<span class="input-group-btn">
			<button>搜索</button>
		  </span>
		</div>
		<!--购物车-->
		<div class="shopCar">
			<div><!--购物车大DIV-->
				<div><!--购物车显示的div-->
					<svg t="1638961718087" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
						 p-id="2342" width="18" height="18">
						<path d="M246.4 912a2.1 2.1 0 1 0 134.4 0 2.1 2.1 0 1 0-134.4 0Z" p-id="2343" color="#232321"></path>
						<path d="M716.8 912a2.1 2.1 0 1 0 134.4 0 2.1 2.1 0 1 0-134.4 0Z" p-id="2344"></path>
						<path d="M905.6 764.8l-537.6 0c-28.8 0-57.6-25.6-64-54.4l-96-566.4c-9.6-54.4-60.8-96-115.2-96l-22.4 0c-12.8 0-25.6 12.8-25.6 25.6 0 12.8 12.8 25.6 25.6 25.6l22.4 0c28.8 0 57.6 25.6 64 54.4l96 566.4c9.6 54.4 60.8 96 115.2 96l537.6 0c12.8 0 25.6-12.8 25.6-25.6C931.2 777.6 921.6 764.8 905.6 764.8z"
							  p-id="2345"></path>
						<path d="M880 179.2l-572.8 0c-12.8 0-25.6 12.8-25.6 25.6 0 12.8 12.8 25.6 25.6 25.6l572.8 0c25.6 0 38.4 16 32 41.6l-70.4 281.6c-6.4 32-41.6 57.6-73.6 60.8l-396.8 28.8c-12.8 0-25.6 12.8-22.4 28.8 0 12.8 12.8 25.6 28.8 22.4l396.8-28.8c54.4-3.2 105.6-48 118.4-99.2l70.4-281.6C976 230.4 937.6 179.2 880 179.2z"
							  p-id="2346"></path>
					</svg>
					<a href="cart.html">我的购物车</a>
					<i class="ci-count" id="shopping-amount"><span>0</span></i>
				</div>
			</div>
			<div class="shopCar_cover"></div>
			<div class="shopCar_cover2"></div>
			<div class="shopCar_list">
				购物车中还没有商品，赶紧选购吧!^.^!
			</div>
		</div>
		<!--热门文字-->
		<div class="hotwords">
			<a href="#">火龙果</a>&nbsp;&nbsp;
			<a href="#">柑橘</a>&nbsp;&nbsp;
			<a href="#">牛油果</a>&nbsp;&nbsp;
			<a href="#">猕猴桃</a>&nbsp;&nbsp;
			<a href="#">泰国山竹</a>&nbsp;&nbsp;
		</div>
	</div>

</header>

<div class="fresh">
    <!--滚动页-->
    <div class=fresh_fs>
        <!--商品分类-->
        <div class="fresh_fs_menu">
            <div class="fresh_fs_menu_inner grid_c1">
                <div class="fresh_fs_menu_list">    <!--打锚跳转下面内容-->
                    <a id="md1" href="" class="fresh_fs_menu_item first active">锚点1</a>
                    <a id="md2" href="javascript:;" class="fresh_fs_menu_item">锚点2</a>
                    <a id="md3" href="" class="fresh_fs_menu_item">锚点3</a>
                    <a id="md4" href="" class="fresh_fs_menu_item">锚点4</a>
                    <a id="md5" href="" class="fresh_fs_menu_item">锚点5</a>
                </div>
                <a class="fresh_fs_menu_news" href="javascript:void(0);"><i></i>品质保障</a>
            </div>
        </div>
        <!--分类主体-->
        <div class="fresh_fs_main">
            <div class="fresh_fs_main_inner grid_c1 clearfix">
                <!--分类列表-->
                <div class="fresh_fs_nav">
                    <div class="fresh_fs_nav_title">XX生鲜商品分类</div>
                    <div class="fresh_fs_nav_tab">
                        <div class="tab_head">
                            <div class="tab_head_item">
								<!--左侧分类列表-->
                                <div class="tab_head_item_inner item1">
                                    <i class="item_icon"></i>
                                    <a href="" target="_blank" class="item_title">新鲜水果</a>
                                    <div class="item_children">
                                        <a class="item_children_item first" href="" target="_blank">草莓</a>
                                        <a class="item_children_item" href="" target="_blank">水蜜桃</a>
                                        <a class="item_children_item" href="" target="_blank">车厘子</a>
                                    </div>
                                </div>
								<!--中间隐藏分类 覆盖轮播图-->
								<div class="tab_body_item" style="top: 0">
									<div class="fresh_fs_nav_cate">
										<dl class="cate_item item1">
											<dt class="cate_tit">
												<a href="" class="cate_tit_lk">
													热销水果
													<i class="cate_tit_arrow"></i>
												</a>
											</dt>
											<dd class="cate_con">
												<a href="" class="cate_con_lk">苹果</a>
												<a href="" class="cate_con_lk">葡萄/提子</a>
												<a href="" class="cate_con_lk">奇异果/猕猴桃</a>
												<a href="" class="cate_con_lk">橙子</a>
												<a href="" class="cate_con_lk">梨</a>
												<a href="" class="cate_con_lk">蓝莓</a>
												<a href="" class="cate_con_lk">柠檬</a>
											</dd>
										</dl>
									</div>
								</div>
                            </div>
                            <div class="tab_head_item">
                                <div class="tab_head_item_inner item2">
                                    <i class="item_icon"></i>
                                    <a href="" target="_blank" class="item_title">海鲜水产</a>
                                    <div class="item_children">
                                        <a class="item_children_item first" href="" target="_blank">海鲜礼盒</a>
                                        <a class="item_children_item" href="" target="_blank">鱼类</a>
                                        <a class="item_children_item" href="" target="_blank">贝类</a>
                                    </div>
                                </div>
								<div class="tab_body_item" style="top: -80px">
									<div class="fresh_fs_nav_cate">
										<dl class="cate_item item1">
											<dt class="cate_tit">
												<a href="" class="cate_tit_lk">
													鱼类
													<i class="cate_tit_arrow"></i>
												</a>
											</dt>
											<dd class="cate_con">
												<a href="" class="cate_con_lk">三文鱼</a>
												<a href="" class="cate_con_lk">鳕鱼</a>
												<a href="" class="cate_con_lk">带鱼</a>
												<a href="" class="cate_con_lk">黄鱼/黄花鱼</a>
												<a href="" class="cate_con_lk">金枪鱼</a>
												<a href="" class="cate_con_lk">巴沙鱼</a>
												<a href="" class="cate_con_lk">鲳鱼</a>
											</dd>
										</dl>
									</div>
                            	</div>
                            </div>
                            <div class="tab_head_item">
                                <div class="tab_head_item_inner item3">
                                    <i class="item_icon"></i>
                                    <a href="" target="_blank" class="item_title">精选肉类</a>
                                    <div class="item_children">
                                        <a class="item_children_item first" href="" target="_blank">鸡翅</a>
                                        <a class="item_children_item" href="" target="_blank">猪肋骨</a>
                                        <a class="item_children_item" href="" target="_blank">牛排</a>
                                    </div>
                                </div>
								<div class="tab_body_item" style="top: -160px">
									<div class="fresh_fs_nav_cate">
										<dl class="cate_item item1">
											<dt class="cate_tit">
												<a href="" class="cate_tit_lk">
													猪肉
													<i class="cate_tit_arrow"></i>
												</a>
											</dt>
											<dd class="cate_con">
												<a href="" class="cate_con_lk">肋排</a>
												<a href="" class="cate_con_lk">猪蹄</a>
												<a href="" class="cate_con_lk">五花肉</a>
												<a href="" class="cate_con_lk">汤骨/棒骨</a>
												<a href="" class="cate_con_lk">猪肘</a>
												<a href="" class="cate_con_lk">梅花肉片</a>
												<a href="" class="cate_con_lk">猪排/猪扒</a>
											</dd>
										</dl>
									</div>
                            	</div>
                            </div>
                            <div class="tab_head_item">
                                <div class="tab_head_item_inner item4">
                                    <i class="item_icon"></i>
                                    <a href="" target="_blank" class="item_title">冷饮冻食</a>
                                    <div class="item_children">
                                        <a class="item_children_item first" href="" target="_blank">酸奶</a>
                                        <a class="item_children_item" href="" target="_blank">冰激凌</a>
                                        <a class="item_children_item" href="" target="_blank">牛奶</a>
                                    </div>
                                </div>
								<div class="tab_body_item" style="top: -240px">
									<div class="fresh_fs_nav_cate">
										<dl class="cate_item item1">
											<dt class="cate_tit">
												<a href="" class="cate_tit_lk">
													面点
													<i class="cate_tit_arrow"></i>
												</a>
											</dt>
											<dd class="cate_con">
												<a href="" class="cate_con_lk">手抓饼</a>
												<a href="" class="cate_con_lk">水饺</a>
												<a href="" class="cate_con_lk">云吞</a>
												<a href="" class="cate_con_lk">汤圆/元宵</a>
												<a href="" class="cate_con_lk">包子</a>
												<a href="" class="cate_con_lk">面条</a>
												<a href="" class="cate_con_lk">馒头</a>
											</dd>
										</dl>
									</div>
                            	</div>
                            </div>
                            <div class="tab_head_item">
                                <div class="tab_head_item_inner item5">
                                    <i class="item_icon"></i>
                                    <a href="" target="_blank" class="item_title">蔬菜蛋品</a>
                                    <div class="item_children">
                                        <a class="item_children_item first" href="" target="_blank">水培蔬菜</a>
                                        <a class="item_children_item" href="" target="_blank">玉米</a>
                                        <a class="item_children_item" href="" target="_blank">蛋品</a>
                                    </div>
                                </div>
								<div class="tab_body_item" style="top: -320px">
									<div class="fresh_fs_nav_cate">
										<dl class="cate_item item1">
											<dt class="cate_tit">
												<a href="" class="cate_tit_lk">
													叶菜类
													<i class="cate_tit_arrow"></i>
												</a>
											</dt>
											<dd class="cate_con">
												<a href="" class="cate_con_lk">生菜</a>
												<a href="" class="cate_con_lk">菜心</a>
												<a href="" class="cate_con_lk">西兰花</a>
												<a href="" class="cate_con_lk">菠菜</a>
												<a href="" class="cate_con_lk">上海青/油菜</a>
												<a href="" class="cate_con_lk">芥蓝</a>
												<a href="" class="cate_con_lk">甘蓝/卷心菜</a>
											</dd>
										</dl>
									</div>
                            	</div>
                            </div>
                        </div>
                    </div>
                </div><!--分类结束-->
                <!--轮播图-->
                <div class="fresh_fs_carousel">
                    <div id="myCarousel" class="carousel slide">
                        <!-- 轮播（Carousel）指标 -->
                        <ol class="carousel-indicators">
                            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                            <li data-target="#myCarousel" data-slide-to="1"></li>
                            <li data-target="#myCarousel" data-slide-to="2"></li>
                        </ol>
                        <!-- 轮播（Carousel）项目 -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <img src="img/95e04c6d4ab836a5.jpg" alt="First slide">
                                <div class="carousel-caption">标题 1</div>
                            </div>
                            <div class="item">
                                <img src="img/f56de965c945ba8f.jpg" alt="Second slide">
                                <div class="carousel-caption">标题 2</div>
                            </div>
                            <div class="item">
                                <img src="img/未标题-1.jpg" alt="Third slide">
                                <div class="carousel-caption">标题 3</div>
                            </div>
                        </div>
                        <!-- 轮播（Carousel）导航 -->
                        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </div><!--轮播图结束-->
                <!--右侧精选头条-->
                <div class="fresh_fs_side">
                    <div class="fresh_fs_toutiao">
                        <div class="fresh_fs_toutiao_title">
                            <i class="fresh_fs_toutiao_title_l"></i>
                            <span class="fresh_fs_toutiao_title_text">
								<em>生鲜</em>头条
							</span>
                            <i class="fresh_fs_toutiao_title_r"></i>
                        </div>
                        <div class="fresh_fs_toutiao_list">
                            <a href="" class="fresh_fs_toutiao_item">精挑细选100分营养美味</a>
                            <a href="" class="fresh_fs_toutiao_item">0元试吃 全新上线 抓紧尝鲜</a>
                            <a href="" class="fresh_fs_toutiao_item">一键立享 用心做顿好饭</a>
                        </div>
                    </div>
                    <a href="" class="fresh_fs_act">
                        <img class="fresh_fs_act_img" src="img/a1d6642d598c0b10.png" alt="">
                    </a>
                </div>
                <div class="fresh_fs_bgl"></div>
                <div class="fresh_fs_shadow"></div>
            </div>
        </div>
        <!--背景图片-->
        <div class="fresh_fs_bgad">
            <a href="javascript:;" class="fresh_fs_bgad_lk"></a>
        </div>
    </div>

    <!--服务保障-->
    <div class="fresh_service grid_c1">
        <ul class="mod_service grid_c1 clearfix">
            <li class="mod_service_item item1">
                <div class="mod_service_item_inner">
                    <i class="mod_service_icon"></i>
                    <p class="mod_service_title">食品安全</p>
                    <p class="mod_service_desc">精选生鲜 严格质检</p>
                </div>
            </li>
            <li class="mod_service_item item2">
                <div class="mod_service_item_inner">
                    <i class="mod_service_icon"></i>
                    <p class="mod_service_title">全程冷链</p>
                    <p class="mod_service_desc">自营物流 安全可控</p>
                </div>
            </li>
            <li class="mod_service_item item3">
                <div class="mod_service_item_inner">
                    <i class="mod_service_icon"></i>
                    <p class="mod_service_title">鲜活天然</p>
                    <p class="mod_service_desc">绿色生态 京东精选</p>
                </div>
            </li>
            <li class="mod_service_item item4">
                <div class="mod_service_item_inner">
                    <i class="mod_service_icon"></i>
                    <p class="mod_service_title">产地直采</p>
                    <p class="mod_service_desc">限定产源 质量保证</p>
                </div>
            </li>
            <li class="mod_service_item item5">
                <div class="mod_service_item_inner">
                    <i class="mod_service_icon"></i>
                    <p class="mod_service_title">无忧售后</p>
                    <p class="mod_service_desc">优鲜赔 售后通道</p>
                </div>
            </li>
        </ul>
    </div>
    <section class="linkage"></section>

    <!--身临食感-->
    <div></div>

    <!--XX生鲜一号框-->
    <div class="bigdiv grid_c1"><!--内容部分  产品  大框-->
        <div class="fresh_mod_head">
            <div class="fresh_mod_head_inner">
				<a id="m2"></a>
                <h3 class="fresh_mod_head_title">
                    益
                    <i>/</i>
                    生
                    <i>/</i>
                    鲜
                </h3>
                <p class="fresh_mod_head_subtitle">FRESH</p>
            </div>
        </div><!--产品展示部分标题结束-->
        <div class="fresh_category_body">
            <div class="fresh_category_acts"><!--产品展示部分 上半部分-->
                <div class="fresh_category_act1" style="background: url(img/5982d8c6N279ff1cf.png) 0 0 no-repeat">
                    <!--上半部分左侧-->
                    <h4 class="fresh_category_title">新鲜水果</h4>
                    <div class="tttt1">
                        <p class="fresh_category_subtitle">应时而采，新鲜特供</p>
                        <div class="fresh_category_subtitle_ud"></div>
                    </div>
                    <div>
                        <a href="" class="fresh_category_keys_item">橘子</a>
                        <a href="" class="fresh_category_keys_item">草莓</a>
                        <a href="" class="fresh_category_keys_item">车厘子</a>
                        <a href="" class="fresh_category_keys_item">香蕉</a>
                        <a href="" class="fresh_category_keys_item">苹果</a>
                        <a href="" class="fresh_category_keys_item">猕猴桃</a>
                    </div>
                    <a href="" class="fresh_category_more">更多水果</a>
                </div>
                <div class="fresh_category_act2"><!--上半部分中间-->
                    <div>
                        <a href="">
                            <img src="img/233f2a9948487c51.jpg" alt="">
                        </a>
                    </div>
                </div>

                <a href="" class="fresh_category_act3"><!--上半部分右侧-->
                    <img src="img/7a76ef143c5c7466.png" alt="">
                </a>

            </div>
            <div class="goods"><!--产品展示部分 下半部分-->
                <div class="goods_item">
                    <a href="productInfo.html" class="goods_item_link">
                        <img src="img/5a6aa298N0dd3473a.jpg!q80.webp" class="goods_item_img">
                        <p class="goods_item_name">越南进口白心火龙果4个装 标准果 单果400-550g</p>
                    </a>
                    <p class="goods_item_price">¥39.90</p>
                </div>
                <div class="goods_item">
                    <a href="" class="goods_item_link">
                        <img src="img/5a6e7133N2f10bd9b.jpg!q80.webp" class="goods_item_img">
                        <p class="goods_item_name">广西沃柑 柑橘1.5kg 新鲜水果</p>
                    </a>
                    <p class="goods_item_price">¥39.90</p>
                </div>
                <div class="goods_item">
                    <a href="" class="goods_item_link">
                        <img src="img/59f05afdN3c13f6ed.jpg!q80.webp" class="goods_item_img">
                        <p class="goods_item_name">进口 牛油果 6个装 单果重约130-180g 新鲜水果</p>
                    </a>
                    <p class="goods_item_price">¥39.90</p>
                </div>
                <div class="goods_item">
                    <a href="" class="goods_item_link">
                        <img src="img/5a65595fNa8a140db.jpg!q80.webp" class="goods_item_img">
                        <p class="goods_item_name">爱奇果/齐峰 徐香猕猴桃 25个 单果约80-100g </p>
                    </a>
                    <p class="goods_item_price">¥79.90</p>
                </div>
                <div class="goods_item">
                    <a href="" class="goods_item_link">
                        <img src="img/5a6595afN4cbebc2e.jpg!q80.webp" class="goods_item_img">
                        <p class="goods_item_name">泰国进口山竹5A级 500g 新鲜水果</p>
                    </a>
                    <p class="goods_item_price">¥199.90</p>
                </div>
                <div class="goods_item">
                    <a href="" class="goods_item_link">
                        <img src="img/57ab290aN34f76b37.jpg!q80.webp" class="goods_item_img">
                        <p class="goods_item_name">越南进口红心火龙果 3个装 大果 单果约450g</p>
                    </a>
                    <p class="goods_item_price">¥59.90</p>
                </div>
            </div>
        </div>
		<div class="fresh_category_bgl"></div>
    </div>

    <!--生鲜二号框-->
    <div class="bigdiv grid_c1"><!--内容部分  产品  大框-->
        <div class="fresh_category_body">
            <div class="fresh_category_acts"><!--产品展示部分 上半部分-->
                <div class="fresh_category_act1" style="background: url(img/59886313N1622b0f9.png) 0 0 no-repeat">
                    <!--上半部分左侧-->
                    <h4 class="fresh_category_title">海鲜水产</h4>
                    <div class="tttt1">
                        <p class="fresh_category_subtitle">新鲜海货，即时享受</p>
                        <div class="fresh_category_subtitle_ud"></div>
                    </div>
                    <div>
                        <a href="" class="fresh_category_keys_item">虾类</a>
                        <a href="" class="fresh_category_keys_item">霸王蟹</a>
                        <a href="" class="fresh_category_keys_item">扇贝</a>
                        <a href="" class="fresh_category_keys_item">海参</a>
                        <a href="" class="fresh_category_keys_item">软足类</a>
                        <a href="" class="fresh_category_keys_item">活鲜</a>
                    </div>
                    <a href="" class="fresh_category_more">更多海鲜</a>
                </div>
                <div class="fresh_category_act2"><!--上半部分中间-->
                    <div>
                        <a href="">
                            <img src="img/83e1b5011daee51e.png" alt="">
                        </a>
                    </div>
                </div>

                <a href="" class="fresh_category_act3"><!--上半部分右侧-->
                    <img src="img/d3f17b988d8bc5c4.png" alt="">
                </a>

            </div>
            <div class="goods"><!--产品展示部分 下半部分-->
                <div class="goods_item">
                    <a href="" class="goods_item_link">
                        <img src="img/5808619cN27390691.jpg!q80.webp" class="goods_item_img">
                        <p class="goods_item_name">美威 智利原味三文鱼排 240g/袋 4片装 海鲜年货</p>
                    </a>
                    <p class="goods_item_price">¥66.00</p>
                </div>
                <div class="goods_item">
                    <a href="" class="goods_item_link">
                        <img src="img/58d9bb99Nb5d313c2.jpg!q80.webp" class="goods_item_img">
                        <p class="goods_item_name">禧美(Seamix) 原装进口冷冻厄瓜多尔白虾 1.8kg</p>
                    </a>
                    <p class="goods_item_price">¥129.00</p>
                </div>
                <div class="goods_item">
                    <a href="" class="goods_item_link">
                        <img src="img/5aa9d51dN7cd7d429.jpg!q80.webp" class="goods_item_img">
                        <p class="goods_item_name">翔泰 冷冻无公害金鲳鱼 700g 2条 袋装 海鲜水产</p>
                    </a>
                    <p class="goods_item_price">¥39.90</p>
                </div>
                <div class="goods_item">
                    <a href="" class="goods_item_link">
                        <img src="img/58b514f9N3f8d45c4.jpg!q80.webp" class="goods_item_img">
                        <p class="goods_item_name">晓芹 大连冷冻即食海参 1000g 20只 袋装 </p>
                    </a>
                    <p class="goods_item_price">¥899.00</p>
                </div>
                <div class="goods_item">
                    <a href="" class="goods_item_link">
                        <img src="img/59e094ffNa5d58ce6.jpg!q80.webp" class="goods_item_img">
                        <p class="goods_item_name">海外直采 活冻泰国黑虎虾 400g 16-20只/盒 </p>
                    </a>
                    <p class="goods_item_price">¥199.90</p>
                </div>
                <div class="goods_item">
                    <a href="" class="goods_item_link">
                        <img src="img/580df2b5Ncb04c5ac.jpg!q80.webp" class="goods_item_img">
                        <p class="goods_item_name">三都港 冷冻无公害黄花鱼 700g 2条 袋装</p>
                    </a>
                    <p class="goods_item_price">¥59.90</p>
                </div>
            </div>
        </div>
    </div>
</div>

<footer>
<div id="mod_footer">
    <div id="modd1">

        <div class="m1">
            <img src="img/绿色对号.png" alt="图片无法加载" id="img1">
            <div class="m21">食品安全</div>
            <div class="m22">精选生鲜严格质检</div>
        </div>
        <div class="m1">
            <img src="img/车厢霜花.png" alt="图片无法加载" id="img2">
            <div class="m21">全程冷链</div>
            <div class="m22">自营物流安全可控</div>
        </div>
        <div class="m1">
            <img src="img/绿色叶子.png" alt="图片无法加载" id="img3">
            <div class="m21">鲜活天然</div>
            <div class="m22">绿色生态京东精选</div>
        </div>
        <div class="m1">
            <img src="img/盒子地址.png" alt="图片无法加载" id="img4">
            <div class="m21">产地直采</div>
            <div class="m22">限定禅院质量保证</div>
        </div>
        <div class="m1">
            <img src="img/2021-12-15_204942.png" alt="图片无法加载" id="img5">
            <div class="m21">无忧售后</div>
            <div class="m22">优鲜赔售后通道</div>
        </div>
    </div>
    <hr id="hr1">
    <div id="modd2">
        <img src="img/二维码165751左正好.png" alt="图片无法加载" id="g01">
        <img src="img/二维码191118.png" alt="图片无法加载" id="g02">
        <div id="ts1">


            <div class="vv1">
                <div class="v01">购物指南</div>
                <br>
                <div class="v02">购物流程<br>支付方式<br>售后规则</div>
            </div>
            <div class="vv1">
                <div class="v01">配送方式</div>
                <br>
                <div class="v02">配送运费<br>配送范围<br>配送时间</div>
            </div>
            <div class="vv1">
                <div class="v01">商家服务</div>
                <br>
                <div class="v02">平台规则<br>商家入驻<br>联系我们</div>
            </div>
			<div class="vv1">
                <div class="v01">联系客服</div>
                <br>
                <div class="v02">在线客服电话<br>客服电话&nbsp;400-606-3311<br>服务时间&nbsp;09:00-24:00<br>反馈邮箱&nbsp;freshkui@id.com</div>
            </div>
        </div>
    </div>
    <div id="modd3">Copyright&nbsp;@&nbsp;2014-2021&nbsp;JD&nbsp;版权所有</div>
</div>
    <!--底页-->
</footer>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script>
	
</script>
</body>
</html>